# -*- coding: utf-8; mode: snippet -*-
# name: react component
# key: main
# expand-env: ((yas-indent-line 'fixed))
# contributor: Chen Bin <chenbin DOT sh AT gmail>
# --
import React from 'react';
import { connect } from 'react-redux';
// Optional
import st from './`(file-name-base buffer-file-name)`.css';

export class `(file-name-base buffer-file-name)` extends React.Component {
  componentDidMount() {
  }

  constructor(props) {
    super(props);
    this.state = {
    };
  }

  render() {
    return (
      <h1>Hello, this is `(file-name-base buffer-file-name)`</h1>
    );
  }
}

// latest way to use react-router 2.x
`(file-name-base buffer-file-name)`.contextTypes = {
    // @see https://github.com/grommet/grommet/issues/441
    router: React.PropTypes.object.isRequired
};

export default connect(
  function (storeState) {
    // store state to props
    return {
    };
  }
)(`(file-name-base buffer-file-name)`);